<template>
  <el-dialog v-model="dialogTableVisible" title="Shipping address">
    <el-table :data="tableData">
      <el-table-column property="date" label="Date" width="150"/>
      <el-table-column property="name" label="Name" width="200"/>
      <el-table-column property="address" label="Address"/>
    </el-table>
  </el-dialog>
</template>

<script setup lang="ts">

// 定义从父组件传过来的数据 dialogData，父组件使用该组件必须传该属性
import {reactive, ref} from "vue";

const props = defineProps({
  dialogData: {
    required: true,
    type: Object,
  },
});

const dialogTableVisible = ref(false)
const tableData = reactive({})
</script>

<style scoped lang="less">

</style>
